﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="DataJson/BaiViet.js"></script>
    <script src="script/jquery-3.1.0.min.js"></script>
    <link href="kuku.css" rel="stylesheet" type="text/css" />
    <link href="main_style.css" rel="stylesheet" />
    <link href="nav_footer_header.css" rel="stylesheet" />
    <link href="font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="Hieu_css.css" rel="stylesheet" type="text/css" />
    <!----------Phần bài viết chi tiết----------->
    <script>
        function getQueryParams(qs) {
            qs = qs.split("+").join(" ");

            var params = {},
                tokens,
                re = /[?&]?([^=]+)=([^&]*)/g;

            while (tokens = re.exec(qs)) {
                params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
            }

            return params;
        }

        (function() {
            Date.prototype.getWeekDay = function () {
                var weekday = ["Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"];
                return weekday[this.getDay()];
            }
        })();

        function ToDate(dateStr) {
            var parts = dateStr.split("/");
            return new Date(parts[2], parts[1] - 1, parts[0]);
        }

        $(document).ready(function () {
            $('.nav.nenxam').load('menu.html');

            var query = getQueryParams(document.location.search);

            var bongda = $.grep(BaiViet, function (item) {
                return item.idBaiViet == query.baiviet && query.baiviet != undefined;
            })[0];

            if (bongda == undefined) {
                $('#noidung').html('<p>Không tìm thấy bài viết</p>');
            } else {
                var ngay = ToDate(bongda.Ngay) || new Date();
                ngay = ngay.getWeekDay() + ' ' + ngay.toLocaleDateString("vi-VN");
                
                var templateBaiViet =
                    '<h1><a class="time_detail_news" href="BaiViet.html?baiviet=' + bongda.idBaiViet + '" title="' + bongda.TieuDe + '">' + bongda.TieuDe + '</a></h1>' +
                        '<div class="info_detail pkg mar_bottom10 ">'
                        + '<div class="author">'
                        + '<div class="time_comment"><span>' + ngay + '</span>'
                        + '<span class="line_cm">|</span> <span title="Lượt đánh giá" class="icon_bong">1</span>'
                        + '</div>'
                        + '</div>'
                        + '</div>'
                        + '<p class="sapo_detail fontbold"> ' + bongda.GioiThieu + '</p>';

                var noidungchinh = '<article id="content_detail" style=""><p class="sapo_detail fontbold">'
                    + '<img src="' + bongda.Anh + '" style="width: 98%;" /><hr />'
                    + bongda.NoiDung
                    + '</p></article>';
                $('#noidung').html(templateBaiViet + noidungchinh);
                $('title').html(bongda.TieuDe);
                $('.breadcump').html(bongda.TheLoai + ' >> ' + bongda.ChuyenMuc);
            }
        });
    </script>
</head>
<body>
    <div id="page">
        <div class="nav nenxam" style="padding-left: 40px;">
            <!--............ Sử dụng ajax Load() để điền mã html từ file menu.html ..................-->
        </div>
        <main>
            <div class="grid1190 pkg">
                <div class="content_main pad20 pkg">
                    <div class="pkg">
                        <div class="col830 fl">
                            <div class="breadcump"></div>
                            <div class="col630 fr" id="noidung">
                            </div>
                            <aside class="col160 fl">
                                <section class="box160 pkg mar_bottom20">
                                    <div class="head_news">
                                        <a href="#" onclick="return false;">Tin nóng</a>
                                    </div>
                                    <ul class="list_news_160">
                                        <li><a href="#" class="thumbblock thumb160x100 mar-1 mar_bottom10" title="Người cũ Chelsea chính thức nhận việc tại Trung Quốc"><img class="" src="http://thumb.bongda.com.vn/resize/160x100/files/news/2016/11/04/nguoi-cu-chelsea-chinh-thuc-nhan-viec-tai-trung-quoc-152256.jpg" alt="Người cũ Chelsea chính thức nhận việc tại Trung Quốc" width="160" height="100"></a>        <h2><a href="#" class="f14" title="Người cũ Chelsea chính thức nhận việc tại Trung Quốc">Người cũ Chelsea chính thức nhận việc tại Trung Quốc</a></h2></li>
                                        <li><h2><a href="#" class="f14" title="Thiago nhắc đích danh 3 cái tên giúp anh tiến bộ">Thiago nhắc đích danh 3 cái tên giúp anh tiến bộ</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Sao U19 Việt Nam rút lui, HLV Hoàng Anh Tuấn đau đầu">Sao U19 Việt Nam rút lui, HLV Hoàng Anh Tuấn đau đầu</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Không thấy điểm yếu ở Jurgen Klopp">Không thấy điểm yếu ở Jurgen Klopp</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Bản tin BongDa ngày 04-11-2016">Bản tin BongDa ngày 04-11-2016</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Wenger đứng về FA trong cuộc chiến với FIFA">Wenger đứng về FA trong cuộc chiến với FIFA</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Firmino cảnh tỉnh đồng đội đừng chủ quan">Firmino cảnh tỉnh đồng đội đừng chủ quan</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Thải Schweinsteiger, Man Utd mất cả 'đống tiền'">Thải Schweinsteiger, Man Utd mất cả "đống tiền"</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Đoán cầu thủ qua những bàn thắng và khoảnh khắc nổi tiếng">Đoán cầu thủ qua những bàn thắng và khoảnh khắc nổi tiếng</a></h2> </li>
                                        <li><h2><a href="#" class="f14" title="Điểm tin sáng 04/11: Mourinho lại chỉ trích học trò; Toure muốn làm hoà với Pep">Điểm tin sáng 04/11: Mourinho lại chỉ trích học trò; Toure muốn làm hoà với Pep</a></h2> </li>
                                    </ul>
                                </section>
                                <div class="adv" id="ads_16" style="margin-bottom: 0px; margin-top: 8px;">
                                    <div class="e" style="">
                                        <!-- /51489806/Bongda_Homepage_Desktop_BG_Left -->
                                        <div id="div-gpt-ad-1474356852386-0" style="height: 600px; width: 160px;">
                                            <div id="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Left_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Left_0" title="3rd party ad content" name="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Left_0" scrolling="no" marginwidth="0" marginheight="0" style="border: 0px none; vertical-align: bottom;" srcdoc="" width="160" height="600" frameborder="0"></iframe></div><iframe id="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Left_0__hidden__" title="" name="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Left_0__hidden__" scrolling="no" marginwidth="0" marginheight="0" style="border: 0px none; display: none; vertical-align: bottom; visibility: hidden;" srcdoc="" width="0" height="0" frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>            <section class="box160 pkg mar_bottom20">
                                    <div class="head_news"><a href="#" onclick="return false">Tiêu điểm</a></div>
                                    <ul class="list_news_160 list_trend">
                                        <li>
                                            <a href="#" class="thumbblock thumb160x100 mar-1 mar_bottom10" title="Từ thượng tầng, Manchester United đã nát bét"><img class="" src="http://thumb.bongda.com.vn/resize/160x100/files/news/2016/11/04/nhung-sieu-co-da-huy-hoai-manchester-united-151210.jpg" alt="Từ thượng tầng, Manchester United đã nát bét" width="160" height="100"></a>        <h2><a href="#" class="f14" title="Từ thượng tầng, Manchester United đã nát bét">Từ thượng tầng, Manchester United đã nát bét</a></h2>
                                        </li>
                                        <li>
                                            <a href="#" class="thumbblock thumb160x100 mar-1 mar_bottom10" title="Cuộc tình Mourinho vs MU: Bóng tối sợ hãi"><img class="" src="http://thumb.bongda.com.vn/resize/160x100/files/news/2016/11/04/cuoc-tinh-mourinho-vs-mu-bong-toi-so-hai-141111.jpg" alt="Cuộc tình Mourinho vs MU: Bóng tối sợ hãi" width="160" height="100"></a>        <h2><a href="#" class="f14" title="Cuộc tình Mourinho vs MU: Bóng tối sợ hãi">Cuộc tình Mourinho vs MU: Bóng tối sợ hãi</a></h2>
                                        </li>
                                        <li>
                                            <a href="#" class="thumbblock thumb160x100 mar-1 mar_bottom10" title="ĐH tệ nhất loạt trận thứ 4 Champions League: Xin lỗi Ronaldo!"><img class="" src="http://thumb.bongda.com.vn/resize/160x100/files/news/2016/11/04/dh-te-nhat-loat-tran-thu-4-champions-league-xin-loi-ronaldo-120922.jpg" alt="ĐH tệ nhất loạt trận thứ 4 Champions League: Xin lỗi Ronaldo!" width="160" height="100"></a>        <h2><a href="#" class="f14" title="ĐH tệ nhất loạt trận thứ 4 Champions League: Xin lỗi Ronaldo!">ĐH tệ nhất loạt trận thứ 4 Champions League: Xin lỗi Ronaldo!</a></h2>
                                        </li>
                                        <li>
                                            <a href="#" class="thumbblock thumb160x100 mar-1 mar_bottom10" title="Man United - đội bóng 'nhỏ' lắm tiền"><img class="" src="http://thumb.bongda.com.vn/resize/160x100/files/news/2016/11/04/man-united--doi-bong-nho-lam-tien-114537.jpg" alt="Man United - đội bóng 'nhỏ' lắm tiền" width="160" height="100"></a>        <h2><a href="#" class="f14" title="Man United - đội bóng 'nhỏ' lắm tiền">Man United - đội bóng 'nhỏ' lắm tiền</a></h2>
                                        </li>
                                        <li>
                                            <a href="#" class="thumbblock thumb160x100 mar-1 mar_bottom10" title="Điểm mặt 4 đại diện giành vé vào vòng knock-out Europa League"><img class="" src="http://thumb.bongda.com.vn/resize/160x100/files/news/2016/11/04/diem-mat-4-dai-dien-gianh-ve-vao-vong-knock-out-europa-league-111516.jpg" alt="Điểm mặt 4 đại diện giành vé vào vòng knock-out Europa League" width="160" height="100"></a>        <h2><a href="#" class="f14" title="Điểm mặt 4 đại diện giành vé vào vòng knock-out Europa League">Điểm mặt 4 đại diện giành vé vào vòng knock-out Europa League</a></h2>
                                        </li>
                                    </ul>
                                </section>
                                <div class="adv" id="ads_15" style="margin-bottom: 0px; margin-top: 0px;">
                                    <div class="e" style="">
                                        <!-- /51489806/Bongda_Homepage_Desktop_BG_Right -->
                                        <div id="div-gpt-ad-1474356935119-0" style="height: 600px; width: 160px;">
                                            <div id="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Right_0__container__" style="border: 0pt none;"><iframe id="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Right_0" title="3rd party ad content" name="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Right_0" scrolling="no" marginwidth="0" marginheight="0" style="border: 0px none; vertical-align: bottom;" srcdoc="" width="160" height="600" frameborder="0"></iframe></div><iframe id="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Right_0__hidden__" title="" name="google_ads_iframe_/51489806/Bongda_Homepage_Desktop_BG_Right_0__hidden__" scrolling="no" marginwidth="0" marginheight="0" style="border: 0px none; display: none; vertical-align: bottom; visibility: hidden;" srcdoc="" width="0" height="0" frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>
                </div>

                <div id="advLeft">
                    <div class="adv" id="ads_20" style="margin-bottom: 0px; margin-top: 0px;">
                        <div class="e" style="">
                        </div>
                    </div>
                </div>    <div id="advRight">
                    <div class="adv" id="ads_21" style="margin-bottom: 0px; margin-top: 0px;">
                        <div class="e" style="">
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <!-----------footer--------->
        <div class="footer">
            <p class="can_left" style="padding-right: 50px;">
                Copyright © 2016. Báo Bóng Đá - Email: <a href="">baobongda.info@gmail.com</a>
            </p>
            <p class="share_icon can_left">
                <a href=""><i class="fa fa-facebook"></i><span>Facebook</span> </a>
                <a href="" class="plus"><i class="fa fa-google-plus"></i><span>Google +</span> </a>
                <a href="" class="twitter"><i class="fa fa-twitter"></i><span>Twitter</span> </a>
                <a href="" class="rss"><i class="fa fa-rss"></i><span>RSS</span> </a>
            </p>
            <p class="can_right"><small>Group FOUR CAT </small></p>
        </div>
    </div>
</body>
</html>